/***
	templates: default
	name: style.css
	designer: kukei
	Copyright(C) 2011 SupDo.com
	Create Date: 2011-04-27
	Modify Date: 2011-04-27
***/

/* Global */
body,table,div,ul,ol,li,dl,dt,dd,
input,select,textarea{font: normal 14px 'Helvetica Neue',Helvetica,Tahoma,verdana,arial, hirakakupro-w3, osaka, "ms pgothic";}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
table,tr,th,td {margin: 0;padding: 0;}
table {border-collapse: collapse; border-spacing: 0px;}
ul,ol,li{list-style-image:none;list-style-type:none;margin:0;padding:0;}
a{text-decoration:none;color:#666666;}
a:hover{color:#018EE8;}
.clear{clear:both}
body{background:transparent url(../images/bodybg.png) repeat-x;}

#loading{width:160px; background-color: #FF0000; color: #FFFFFF; padding: 5px 10px;}
#mbody{width:980px; margin: 0 auto;}

/* Header */
#header{height:100px;width:100%;}
#logo{}

#hidenNav{display:none;}
.nav .moreNav{z-index:50;}
.nav{background:url(../images/mainbg.png) no-repeat scroll 0 0;height:40px;width:980px;}
.nav .preNav{padding-left:4px;}
.nav .userNav{float:right;padding-right:8px;}
.nav .preNav li{position:relative;float:left;padding-left:6px;}
.nav .preNav li a{height:40px;line-height:35px;padding-right:12px;display:inline-block;
						outline:none; /* for firefox 1.5 + */
						hide-focus: expression(this.hideFocus=true); /* for ie 5+ */}
.nav .preNav li a span{cursor:pointer;height:40px;padding-left:12px;display:inline-block;}
.nav .preNav li a:hover{background:url(../images/icons.png) no-repeat right -80px;}
.nav .preNav li a:hover span{color:#FFFFFF;background:url(../images/icons.png) no-repeat left -80px;}
.nav .preNav .curNav a{background:url(../images/icons.png) no-repeat right -80px;}
.nav .preNav .curNav a span{color:#FFFFFF;background:url(../images/icons.png) no-repeat left -80px;}
/*nav-home*/
/*鼠标移到和当前菜单时使用一样的样式*/
.nav .preNav .moreNav:hover,.nav .preNav .curNav .moreNav{padding-right:23px;background:url(../images/icons.png) no-repeat right -40px;}
.nav .preNav .moreNav{padding-right:23px;background:url(../images/icons.png) no-repeat right -0px;}
.nav .preNav .homeNav:hover span,.nav .preNav .curNav .homeNav span{color:#FFFFFF;padding-left:25px;background:url(../images/icons.png) no-repeat left -40px;}
.nav .preNav .homeNav span{padding-left:25px;background:url(../images/icons.png) no-repeat left -0px;}
/*子菜单*/
.subNav{width:120px;position:absolute;top:38px;left:0px;display:none;padding-left:8px;z-index:9999;}
.subNavRight{width:120px;position:absolute;top:38px;right:-2px;display:none;padding-left:8px;z-index:9999;}
.r_t, .r_b{clear:right;width:100%;overflow:hidden;}
.r_tl, .r_tr, .r_bl, .r_br{background:url(../images/icons.png) no-repeat;}
.r_tl{float:left;width:110px;height:12px;background-position:-2px -120px;}
.subNavRight .r_tl{width:10px;}
.r_bl{float:left;width:110px;height:3px;background-position:-2px -148px;}
.r_tr{float:right;width:10px;height:12px;background-position:right -120px}
.subNavRight .r_tr{width:110px;}
.r_br{float:right;width:10px;height:3px;background-position: right -148px;}
.r_c{padding:0px 5px;margin-right:2px;border-left:1px solid #DCDCDC;border-right:1px solid #DCDCDC;background:#FFF url(../images/iconbg.png) repeat-x 0 bottom;}
.nav .preNav div a{height:30px;padding:0px 0px 0px 18px;display:inline-block;border-bottom:1px solid #DCDCDC;border-top:1px solid #FFF;background:url(../images/icons.png) no-repeat -247px -161px;}
.nav .preNav div a span{width:80px;height:30px;line-height:30px;padding:0px 10px 0px 0px;}
.nav .preNav div a:first-child{border-top:0px;}
.nav .preNav div a:last-child{border-bottom:0px;}
.nav .preNav div a:hover{background:url(../images/icons.png) no-repeat -2px -160px}
.nav .preNav div a:hover span{color:#FFFFFF;background:url(../images/icons.png) no-repeat right -84px;}

.location{clear:both; font-size: 12px; padding: 5px 10px; margin: 5px 0px 5px 0px;
	height:18px; line-height:18px; color: #222222; background-color: #E7F2FD; border: 1px solid #065FB9;}
/* Main */
#main{}

/* footer */
#footerline{margin: 5px; text-align: center; font-size: 12px;}
#footer{width:100%;height:45px;overflow:hidden;margin-top:10px;padding-top:5px;border-top:4px solid #000080;background-color: #D1EEEE;}
#preFooter{width:980px;margin: 0 auto;}
#footer #preFooter img{vertical-align:middle;}
#footer #preFooter .footer-left {float: left;}
#footer #preFooter .footer-right {float: right;text-align: right;}
#footer #preFooter .footer-left ul li,#footer #preFooter .footer-right ul li{font-size: 12px; overflow:hidden; height:20px; line-height:20px;}

/* Form */
#editor{border: 0px; }
.editorClass{border:0px;}
.formTable{border: 1px solid #DCDCDC; background-color: #FBFBFB;}
.editTable{valign:top; border: 1px solid #DCDCDC; background-color: #FBFBFB;}
.editTable thead tr{border: 1px solid #DCDCDC; background:url(../images/titlebg.png) no-repeat left -240px;}
.editTable thead tr th{border: 1px solid #DCDCDC;}
.editTable thead tr th div{height:30px; line-height:30px; font-weight: bold; padding: 0px 5px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;}
.formTr{}
.formTr th{text-align:right; height:30px; line-height:30px; padding: 0px 5px; border: 1px solid #DCDCDC;}
.formTr td{height:20px; padding: 5px 5px; border: 1px solid #DCDCDC;}
.errorlist{margin-right: 5px; display:inline;}
.errorlist li{background-color: #FF0000; color: #FFFFFF; padding: 2px 5px; display:inline;}
.formLabel{width:160px; text-align: right; padding: 1px 5px;}
.formField{width:100px; padding: 1px 2px;}
.formField input,select,textarea, .formField2 input,select,textarea{padding: 4px; border-bottom: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; border-top: 1px solid #A0A0A0; border-left: 1px solid #A0A0A0;}
.formField input[type=text],input[type=password]{width: 160px; height: 20px;}
.formField select{width: 160px; height: 32px;}
.formField textarea{width: 460px; height:62px; overflow-x:hidden; overflow-y:hidden;}
.formField2{width:820px; padding: 2px 5px;}
.formField2 input[type=text]{width: 380px; height: 20px; line-height:20px;}
.formField2 select{width: 100px;}
.formField5{padding: 2px 0px;}
.formField5 input[type=text]{width: 120px; height: 20px; background-color: #FCFCFC;border-bottom: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; border-top: 1px solid #A0A0A0; border-left: 1px solid #A0A0A0;}
.formField6{padding: 2px 3px;}
.formField6 input[type=text]{width: 50px; height: 20px; background-color: #FCFCFC;border-bottom: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; border-top: 1px solid #A0A0A0; border-left: 1px solid #A0A0A0;}
.formLabel2{text-align: right; padding:0px 10px 0px 20px;}
.formField8 input[type=text]{width:100px; height: 20px;}
.errorinfo{background-color:#FF0000; color:#FFFFFF;}

.formInfo{padding: 1px 5px;}
.formBtn{padding: 1px 5px;}
.formBtn input[type=submit],input[type=button],input[type=reset]{height: 28px; padding: 3px 10px; margin: 3px 10px 3px 0px;}

.detailTable{padding:5px 5px;}
.errorlist li{background-color: #FF0000; color: #FFFFFF; padding: 2px 5px;}
.detailTable{}
.detailTable tr{height:35px; border-top: 1px solid #E0E0E0;}
.detailTable tr th{padding-right:7px;}
.detailTable tr td{}
.detailTable tr .fieldclass{}
.detailTable tr .infoclass{padding-left:20px;}
.detailTable tr td input[type=text],select,textarea{padding: 2px 3px; background-color: #FCFCFC;border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; border-top: 1px solid #B0B0B0; border-left: 1px solid #B0B0B0;}
.detailTable tr td input[type=text]{width: 140px; height: 22px; line-height: 22px;}
.detailTable tr td select{width: 100px; padding: 2px 0px;}
.detailTable tr td textarea{width: 300px; height: 100px; padding: 2px 3px;}
.detailTable tr .formBtn{padding: 1px 5px;}
.detailTable tr .formBtn input[type=submit],input[type=button],input[type=reset]{height: 28px; padding: 3px 10px; margin: 3px 10px 3px 0px;}

.prdDetail{width:100%; valign:top; margin: 5px 0px; border: 1px solid #DCDCDC;}
.prdDetail tr th{padding: 10px;}
.prdDetail tr td{padding: 5px 5px; border-bottom: 1px solid #DCDCDC;border-right: 1px solid #DCDCDC;}
.prdDetail tr .textbreak{white-space:normal; display:block; word-break:break-all;}
.prdDetail tr td .prdimg{float:center; max-width:300px; _width: expression(this.width > 300 ? '300' : 'auto'); }

.prdFooter{clear:both; font-size: 13px; text-align: right; height:18px; line-height:18px; color: #222222; padding: 5px 10px; margin: 10px 0px; background-color: #E7F2FD; border: 1px solid #065FB9;}
/* scrollDiv */
#scrollDiv{overflow:hidden; border: 1px solid #AAAAAA;}
#scrollDiv table{}
#scrollDiv table tr{}
#scrollDiv table td{padding:5px 5px; font-weight: bold; text-align: center; border-right: 1px solid #AAAAAA;}
#scrollDiv table td img{height:200px;}

/* LIst */
.listtb{width:100%; margin:5px 0px;}
.listTitle {width:100%;}
.listTitle tr td{height:30px; line-height:30px; padding-right:12px; background:url(../images/titlebg.png) no-repeat right -90px;}
.listTitle tr td div{height:30px; line-height:30px; background:url(../images/titlebg.png) no-repeat left -60px;
					font-family: 黑体; font-weight: bold; font-size: 15px; color: #FFFFFF; text-align:left; padding-left: 10px;}
.listBody{width:100%;}
.listBody tr td{white-space:nowrap; overflow: hidden; padding:6px 8px; border: 1px solid #D0D0D0; vertical-align:top; overflow: hidden;}
.listBody tr .articlelist{padding-left: 18px; background:url(../images/icos.png) no-repeat 4px -16px;}
.listtb tr td .frontcover{width: 180px; float:center;}

.mainlist{width: 100%; overflow: hidden;}
.mainlist td{vertical-align:top; overflow: hidden;}

/* sidebar */
.commain{padding: 5px 0px 0px 0px ;}
.sidebar{width:220px; padding: 5px 10px 0px 0px ;}
.sidediv{width:100%; }
.sideTitle{height:30px; padding-right:20px; background:url(../images/titlebg.png) no-repeat right -150px;}
.sideTitle span{padding-left:10px; display:inline-block; width: 100%; height:30px; line-height:30px;
		font-family: 黑体; font-weight: bold; font-size: 15px; color: #555555;
		background:url(../images/titlebg.png) no-repeat left -120px;}
.sidecnt{line-height:25px; padding: 10px 10px 0px 10px;
		border-right: 1px solid #AFCCCC; border-left: 1px solid #AFCCCC;}
.sidecnt li{line-height:25px;}
.sidecnt .cataloglist{padding-left: 15px; background:url(../images/icos.png) no-repeat -2px 0px;}
.sidecnt .cataloglist2{padding-left: 25px; background:url(../images/icos.png) no-repeat 10px 0px;}
.sideFooter{height:15px; line-height:15px; padding-right:20px; background:url(../images/titlebg.png) no-repeat right -230px;}
.sideFooter span{padding-left:10px; display:inline-block; width: 100%; height:15px; line-height:15px;
		background:url(../images/titlebg.png) no-repeat left -200px;}


/* Article */
.article{width:760px; clear:both; padding: 8px 4px; overflow: auto;}
.article .title{clear:both; text-align: center; padding: 3px 3px; font-size: 16px; font-weight: bold;}
.article .info{clear:both; text-align: center; padding: 3px 0px; border-bottom: 1px dotted #AAAAAA; color:#666666;}
.article .content{clear:both; padding: 10px 2px;}
.article .operate{clear:both; font-size: 13px; text-align: right; height:18px; line-height:18px; color: #222222; padding: 5px 10px; background-color: #E7F2FD; border: 1px solid #065FB9;}

.articleList{width:100%;}
.articleList thead tr{height:30px; background:url(../images/titlebg.png) no-repeat left -240px;}
.articleList thead tr th{text-align: left;  border: 1px solid #DCDCDC;}
.articleList thead tr th div{height:30px; line-height:30px; font-weight: bold; padding: 0px 5px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;}
.articleList tr{}
.articleList tr td{height:30px; line-height:30px; text-align:left; padding: 3px 5px; border: 1px solid #E0E0E0;z-index: 1000;}
.articleList tr td .hideSum{margin:4px 6px; display: none; font-size: 12px; color:#AAAAAA;z-index: 100;}

/* Comment */
#comments{width:100%;}
#comments tr td{padding: 4px; vertical-align:top;}
.cmtTitle{height: 30px; border-bottom: 3px solid #3A5FCD;}
.cmtTitle span{height: 30px; line-height:30px; padding: 6px 10px; background-color: #049FF1; color: #FFFFFF;}
.cmtTitle .closenew{display:none ; float:right; height: 17px; line-height:17px;}
.cmtTitle a{color:#FFFFFF; cursor:pointer;}
.cmtTitle a:hover{color:#FFFFFF; cursor:pointer;}
#commentlist{padding:5px 0px;}
#commentlist .comment{margin: 5px 0px; background-color: #E7F2FD; border: 1px solid #065FB9;}
#commentlist .reply{margin: 5px 10px;}
#commentlist .comment .commentTitle{height: 32px; padding:7px; border-bottom: 1px solid #999999; font-weight: bold; color: #888888;}
#commentlist .comment .commentTitle img{float: left; padding:2px; margin-top: -1px; margin-right: 6px; border: 2px solid #04477C;}
#commentlist .comment .commentContent{clear:both; padding:8px;}
#newcomment{float: center; padding-top:5px;}
.commentTable{width:100%; border: 1px solid #DDDDDD;}
.commentTable .cmtLabel{text-align: right;line-height:30px; width:160px;}
.commentTable tr{}
.commentTable tr td{padding:2px 5px; line-height:25px;}
.commentTable tr td input[type=text], textarea{background-color: #ECECEC; padding: 4px; border-bottom: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; border-top: 1px solid #999999; border-left: 1px solid #999999;
					action: expression(onfocus=function(){this.style.backgroundColor="#FFFFFF";}, onblur=function(){this.style.backgroundColor="#ECECEC";});}
.commentTable tr td input[type=text]:focus, textarea:focus{background-color: #FFFFFF;}
.commentTable tr td input[type=text]{width: 160px; height:22px;}
.commentTable tr td textarea{width: 400px; height:140px; overflow-x:hidden; overflow-y:auto;}
.commentTable tr .safecode input[type=text]{width: 50px;}
.commentTable tr .commentTitle{font-size: 16px; font-weight: bold; color:#0082FF; border-bottom: 3px solid #DDDDDD;}

/* Images */
.imglist{margin:2px 5px; padding:2px 5px; border: 1px solid #CCCCCC; float:center; }
.imglist span{width: 100%; height: 100%;}
.imglist img{width:140px; padding: 3px;}
.imglist .selectedimg{border: 2px solid #FF0000;}
.imglist td{position:relative; padding:5px; width: 150px; text-align:center;}
.imglistoper{height:28px; line-height:28px; margin:5px 5px 2px 5px; padding:2px 5px; border: 1px solid #CCCCCC;}
.imglistoper select{padding: 3px 5px; margin:1px 5px; background-color: #FCFCFC; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; border-top: 1px solid #B0B0B0; border-left: 1px solid #B0B0B0;}
.imglistoper input[type=button]{padding: 3px 3px; margin:4px 2px;}
.imgoperate{display:none; padding:3px; position:absolute; z-index: 999; top:12px; right:12px; background-color: #FF0000; color:#FFFFFF;}
.imgoperate a{color:#FFFFFF;}
.imgpager{padding:7px 5px;}
.uploadimg{padding:10px;}
.uploadimg img{max-width:240px; _width: expression(this.width > 240 ? '240' : 'auto'); max-height:160px; _height: expression(this.height > 160 ? '120' : 'auto');}
.uploadimg .bgimgPre{padding:3px; border: 2px solid #C0C0C0;}
.uploadimg .okimgPre{padding:3px; border: 2px solid #00CC00;}

/* commom table style */
.tableTitle{height: 30px; border-bottom: 3px solid #3A5FCD;}
.tableTitle span{height: 30px; line-height:30px; padding: 6px 10px; background-color: #049FF1; color: #FFFFFF;}
.tableTitle a{color:#FFFFFF; cursor:pointer;}
.tableTitle a:hover{color:#FFFFFF; cursor:pointer;}
.commTable{width:100%; border: 1px solid #DDDDDD;}
.commTable tr{}
.commTable tr td{padding:3px 5px; height:25px; line-height:25px; border: 1px solid #DDDDDD;}
.commTable .tableLabel{text-align: right; height:25px; line-height:25px; width:140px;}
.commTable tr td input[type=text], textarea{background-color: #ECECEC; padding: 4px; border-bottom: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; border-top: 1px solid #999999; border-left: 1px solid #999999;
					action: expression(onfocus=function(){this.style.backgroundColor="#FFFFFF";}, onblur=function(){this.style.backgroundColor="#ECECEC";});}
.commTable tr td textarea{width: 400px; height:50px; overflow-x:hidden; overflow-y:auto;}
td.gbookmessage input[type=text]{width: 400px;}
td.gbookmessage textarea{margin-top:5px;}

.guestbook{clear: both; position:relative; padding:2px 0px;}
.msgIcon{position:absolute; top: 8px; left:0px; width:70px; text-align:center; line-height:16px; font-size: 12px;}
.msgIcon img{float:center; padding:2px; border: 2px solid #04477C;}
.gbookMsg{margin: 5px 0px 5px 75px; background-color: #E7F2FD; border: 1px solid #065FB9;}
.gbookMsg .msgTitle{height: 16px; padding:7px; border-bottom: 1px solid #999999; font-weight: bold; color: #888888;}
.gbookMsg .msgTitle img{float: left; padding:2px; margin-top: -1px; margin-right: 6px; border: 2px solid #04477C;}
.gbookMsg .msgContent{clear:both; padding:8px;}
.gbookMsg .msgReply{clear:both; margin:10px; padding:8px; border: 1px solid #065FB9;}
.gbookMsg .msgReply textarea{width:98%; height:50px; overflow-x:hidden; overflow-y:auto;}

#mapinfo{display:none;}
#mapinfo ul li{height:28px; line-height:28px;}

/* Pager */
#pager{font-family: 微软雅黑, 宋体, Helvetica, Arial, sans-serif; font-size: 12px; margin:8px 0px;}
#pager span{padding: 3px; background-color: #C8DCF0; border: 1px solid #2299CC;}
#pager a{margin: 2px;padding: 3px 4px; background-color: #C8DCF0; border: 1px solid #2299CC; color:blue;}
#pager a:hover{background-color: #FFFFFF; border: 1px solid #2299CC;}
#pager .onpage{margin: 2px;padding: 3px 5px; background-color: #FFFFFF; border: 1px solid #2299CC;}

#tooltip{position:absolute; width:500px; padding:8px; font-size: 12px; color:#666666; border:solid #aaa 1px; background-color:#FBFBFB;}
